<template>
	<view>
		<cmd-nav-bar :fixed="false" back  background-color="linear-gradient(to right, rgb(241,131, 38), rgb(241,127, 38))" title="热播榜单"  font-color="#fff" ></cmd-nav-bar>
		
		<view>
			
	<!-- 		<view >
				<image class="hotbg" src=""></image>
			</view> -->
			
		<view class="hot-con-tit">
			<view class="a-center text-center">
				<view class="text-center position-relative" style="z-index: 99;">
					<image class="hot-tit-img" src="/static/hot-tit.png"></image>
				</view>
				 <text class="hot-first">榜1 斗罗大陆</text>
			</view>
			
			<view class="hot-con mx-2 d-flex flex-wrap">
				<view class="text-center span24-8 mt-4">
					<view>
						<image class="coverimg" src="/static/yhdsl/cover.jpg"></image>
					</view>
					<view><text>2132132</text></view>
				</view>
				 
				<view class="first text-center span24-8 mt-4">
					<view>
						<image class="coverimg" src="/static/yhdsl/cover.jpg"></image>
					</view>
					<view><text>2132132</text></view>
				</view>
				
				<view class="text-center span24-8 mt-4">
					<view>
						<image class="coverimg" src="/static/yhdsl/cover.jpg"></image>
					</view>
					<view><text>2132132</text></view>
				</view>
				<view class="text-center span24-8 mt-4">
					<view>
						<image class="coverimg" src="/static/yhdsl/cover.jpg"></image>
					</view>
					<view><text>2132132</text></view>
				</view>
				
				
			</view>
		</view>
			 
			
		</view>
		
	</view>
</template>

<script>
</script>

<style>
	page {
	    background-image: url('../../static/hotbg.png');
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position: center center;
	} 
	.hot-con-tit{position: absolute;    top: 265px;    width: 100%;}
	
	.hotbg{width: 750rpx;height: 100%;}
	.hot-tit-img{width: 361rpx;height: 85rpx;} 
	.hot-con{border:1px dashed #C3C2C2;background: #fff;padding: 90rpx 0;    position: relative;    top: -47px;}
	.hot-con text{font-size: 24rpx;font-family: PingFang SC;color: #000;}
	.hot-first{position: relative;top: -36px;color: #EB7637;z-index: 999;}
	.coverimg{width: 198rpx;height: 300rpx;}
	 .first{position: relative;    top: -46rpx;}
	 
	
	 
</style>